<template>
  <div>
    <div class="CustomerCardFix3 mb15">
      <div class="floor">
        <div class="line2 c-666 fs25 pb9">学员姓名：{{info.name}}</div>
        <div class="line2 c-666 fs25 pb9">身份证号：{{info.idCard}}</div>
        <div class="line2 c-666 fs25 pb9">政策类型：{{findRemoteParamsText('policy_type', info.policyType)}}</div>
        <div class="line2 c-666 fs25 pb9">车型：{{findRemoteParamsText('driving_license', info.drivingLicense)}}</div>
        <div class="line2 c-666 fs25 pb9 f-red">是否加急：{{info.isSignUrgent?'是':info.isSign3Urgent?'是':'否'}}</div>
         <div class="line2 c-666 fs25 pb9">科二打卡状态：{{findRemoteParamsText('sign_status', info.signStatus)}}</div>
         <div class="line2 c-666 fs25 pb9">科三打卡状态：{{findRemoteParamsText('sign_status', info.sign3Status)}}</div>
        <div class="line2 c-666 fs25 pb9">首次上传视频时间：{{formatDate(info.videoUploadTime, {outType: 'YMDHms'})}}</div>
      </div>
        <div class="operate">
        <van-button
          class="operate_button"
          @click.prevent="handleSelect"
          v-if="showaffirmBtn"
        >
          确认选择
        </van-button>
      </div>
    </div>
    <dialogRevamp :isShow.sync="isShowDialogPut" :chooseStudentInfo="chooseStudentInfo" :info="info"></dialogRevamp>
  </div>
</template>

<script type="text/ecmascript-6">
import dialogRevamp from './dialogRevamp'
export default {
  components: {dialogRevamp},
  props: {
    info: {
      type: Object,
      required: true
    },
    showaffirmBtn: {
      type: Boolean,
      default: false
    },
    chooseStudentInfo: {
      type: Object,
      default: {}
    }
  },
  data () {
    return {
      isShowDialogPut: {
        isShow: false
      },
      detail: {},
      show: { flg: false }
    }
  },
  filters: {
  },
  mounted () {

  },
  methods: {
    handleSelect () {
      this.isShowDialogPut.isShow = true
    }
  }
}
</script>

<style scoped rel="stylesheet/scss" type="text/scss" lang="scss">
.CustomerCardFix3 {
  position: relative;
  padding: 0 0.2rem;
  background-color: #fff;
}
.f-red {
  color: #d9001b;
}
.floor {
  padding: 0.2rem 0;
}

.right-anchor {
  position: absolute;
  top: 50%;
  right: 0.3rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  .status {
    height: 0.28rem;
    padding: 0 0.1rem;
    background-color: #ff7651;
    border-radius: 0.05rem;
    color: #fff;
    text-align: center;
    line-height: 0.28rem;
  }
  .arrow-icon {
  }
}
.operate{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding:5px 0;
    .operate_button{
        border-radius: 10px;
        background-color: #10b582;
        color:#fff;
    }
}
    .operate /deep/.van-button--normal{
            padding:0px 10px
        }
         .operate /deep/.van-button{
           height: 30px;
        }
</style>
